<!DOCTYPE html>
<html>
    <head>
        <title>Background attribute tests</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../../test.js"></script>
        <link href="base64.css" rel="stylesheet">
        <style>
            html {
                background-color: red;
            }
            body {
                background-color: lime;
            }
            .small div{
                width:100px;
                height:100px;
                float:left;
                margin:10px;
                border:1px solid #000;
            }

            .medium div{
                width:200px;
                height:200px;
                float:left;
                margin:10px;
                border:1px solid #000;
            }

            .small, .medium{
                clear:both;
            }

            div{
                display:block;
            }

            .encoded {
                background:url("");
            }

            .encoded2 {
                background-size: cover;
            }
        </style>

    </head>
    <body>

        <div class="medium">
            <div class="encoded"></div>
            <div class="base64 encoded2"></div>
        </div>

    </body>
</html>
